<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>中蜜丝路</title>
	<link rel="stylesheet icon" type="text/css" href="../img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<link rel="stylesheet" href="../css/member_center.css"/>
</head>
<!-- 会员中心 -->
<body class="main">
	<div class="header">
		<div class="navbar navbar-inner top">
			<div class="container clearfix">
				<ul class="nav pull-left">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-tel"></span>
							<span>400-010-8888</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							您好，欢迎来到中蜜丝路！
						</a>
					</li>
				</ul>
				<ul class="nav pull-right">
					<li>
						<a href="../html/login.html">
							<span class="iconfont icon-portrait"></span>
							<span>登录</span>
						</a>
					</li>
					<li class="line">|</li>
					<li class="member clearfix">
						<a href="javascript:;">
							<span>会员中心 </span>
							<span class="iconfont icon-down"></span>
						</a>
						<ul class="dropdownMenu">
							<li><a href="../html/member_info.html">我的信息</a></li>
							<li><a href="../html/member_claim.html">我的认养</a></li>
							<li><a href="../html/member_state.html">蜂箱动态</a></li>
							<li><a href="../html/member_claim.html">认养详情</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="navbar">
			<div class="container clearfix">
				<a href="javascript:;" class="logo pull-left">
					<img src="../img/logo.png" alt="12">
					<!-- <img src="img/404.png" alt=""> -->
				</a>
				<div class="nav pull-right">
					<ul class="nav-pills clearfix">
						<li><a href="../index.html">首页</a></li>
						<li><a href="../html/find_honey.html">蜜源寻蜜</a></li>
						<li><a href="../html/popular.html">好蜜科普</a></li>
						<li><a href="../html/special.html">蜂业专委会</a></li>
						<li><a href="../html/horizon.html">蜜蜂视界</a></li>
						<li class="active"><a href="../html/member_center.html">会员中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- banner图 -->
	<div class="banner">
		<img src="../img/temp/banner_1.jpg" alt="">
	</div>
	<!-- 主体 -->
	<div class="main_body">
		<div class="container">
			<!-- 侧边导航栏 -->
			<div class="main_nav">
				<div class="nav_header">
					<h4>会员中心</h4>
				</div>
				<ul >
					<li>
						<a href="javascript:;">
							<i class="iconfont icon-set"></i>
							&nbsp; 我的信息
						</a>
					</li>
					<li class="active">
						<a href="javascript:;">个人资料</a>
					</li>
				</ul>
				<ul>
					<li>
						<a href="javascript:;">
							<i class="iconfont icon-claim"></i>
							&nbsp;我的认养
						</a>
					</li>
					<li>
						<a href="javascript:;">认养的蜂箱</a>
					</li>
				</ul>
			</div>
			<!-- 右侧主体 -->
			<div class="main_content">
				<div class="user_info clearfix">
					<div class="portrait">
						<img src="../img/user-head-default.jpg" alt="">
					</div>
					<ul class="info">
						<li>我的昵称：迷你豆豆</li>
						<li>我的手机号：18655668866</li>
					</ul>
				</div>

				<div class="user_search">
					<form class=" clearfix">
						<div class="form_group pull-left">
							<input type="text" placeholder="输入商品名称或订单号搜索">
						</div>
						<a class=" pull-left" href="javascript:;">搜索</a>
						<div class="form_group pull-right">
							<span>订单状态：</span>
							<select name="" id="order_status">
								<option value="全部">全部</option>
								<option value="已认养">已认养</option>
								<option value="已发货">已发货</option>
								<option value="已签收">已签收</option>
							</select>
						</div>
						<div class="form_group pull-right">
							<span>下单时间：</span>
							<select name="" id="order_time">
								<option value="全部">全部</option>
								<option value="近三个月">近三个月</option>
								<option value="近一个月">近一个月</option>
								<option value="近一个周">近一个周</option>
							</select>
						</div>
					</form>
				</div>
				<h2>全部订单 <span style="color: red;">（6）</span></h2>
				<!-- 订单 -->
				<div class="order_list">
					<!-- 1 -->
					<table class="order_list_box">
						<thead>
							<tr>
								<th style="width: 68%;">
									<table>
										<tr>
											<th style="width: 54%;">商品名称</th>
											<th>单价</th>
											<th>数量</th>
											<th>蜂箱动态</th>
										</tr>
									</table>
								</th>
								<th style="width: 92px;">总价</th>
								<th style="width: 74px;">状态</th>
								<th style="width: auto;">操作</th>
							</tr>
						</thead>
						
						<tr>
							<td colspan="4" style="text-align: left;">
								<span style="margin-right: 15px; font-size: 14px;">订单号：<a href="javascript:;">20151127125735566658</a></span>
								<span style="font-size: 14px;">下单时间：<i style="list-style: none;">2017-11-27</i></span>
							</td>
						</tr>

						<tr>
							<td style="width: 68%;">
								<table class="order_box">
									<tr>
										<td style="width: 54%;">
											<div class="order_route_list">
												<a href="javascript:;">
													<img src="../img/no-pic.jpg" alt="">
													<h3>长白山百花牌蜂蜜蜂箱</h3>
												</a>
											</div>
										</td>
										<td>￥50.00</td>
										<td>2</td>
										<td><a href="javascript:;" class="btn_red">蜂箱动态</a></td>
									</tr>
									<tr>
										<td style="width: 54%;">
											<div class="order_route_list">
												<a href="javascript:;">
													<img src="../img/no-pic.jpg" alt="">
													<h3>华阴山桂花蜜蜂箱</h3>
												</a>
											</div>
										</td>
										<td>￥50.00</td>
										<td>1</td>
										<td><a href="javascript:;" class="btn_red">蜂箱动态</a></td>
									</tr>
								</table>
							</td>
							<td><b>￥100.00</b</td>
							<td>已认养</td>
							<td class="btn_box">
								<a href="javascript:;" class="btn_red">再次认养</a>
								<a href="../html/member_claim_detail.html" class="btn_blue">认养详情</a>
							</td>
						</tr>
					</table>
					<!-- 2 -->
					<table class="order_list_box">
						<thead>
							<tr style="border: 0;">
								<th style="width: 68%; padding: 0;"></th>
								<th style="width: 92px; padding: 0;"></th>
								<th style="width: 74px; padding: 0;"></th>
								<th style="width: auto; padding: 0;"></th>
							</tr>
						</thead>
						
						<tr>
							<td colspan="4" style="text-align: left;">
								<span style="margin-right: 15px; font-size: 14px;">订单号：<a href="javascript:;">20151127125735566658</a></span>
								<span style="font-size: 14px;">下单时间：<i style="list-style: none;">2017-11-27</i></span>
							</td>
						</tr>

						<tr>
							<td style="width: 68%;">
								<table class="order_box">
									<tr>
										<td style="width: 54%;">
											<div class="order_route_list">
												<a href="javascript:;">
													<img src="../img/no-pic.jpg" alt="">
													<h3>长白山百花牌蜂蜜蜂箱</h3>
												</a>
											</div>
										</td>
										<td>￥50.00</td>
										<td>2</td>
										<td><a href="javascript:;" class="btn_red">蜂箱动态</a></td>
									</tr>
									
								</table>
							</td>
							<td><b>￥100.00</b</td>
							<td>已认养</td>
							<td class="btn_box">
								<a href="javascript:;" class="btn_red">再次认养</a>
								<a href="../html/member_claim_detail.html" class="btn_blue">认养详情</a>
							</td>
						</tr>
					</table>
					<!-- 3 -->
					<table class="order_list_box">
						<thead>
							<tr style="border: 0;">
								<th style="width: 68%; padding: 0;"></th>
								<th style="width: 92px; padding: 0;"></th>
								<th style="width: 74px; padding: 0;"></th>
								<th style="width: auto; padding: 0;"></th>
							</tr>
						</thead>
						
						<tr>
							<td colspan="4" style="text-align: left;">
								<span style="margin-right: 15px; font-size: 14px;">订单号：<a href="javascript:;">20151127125735566658</a></span>
								<span style="font-size: 14px;">下单时间：<i style="list-style: none;">2017-11-27</i></span>
							</td>
						</tr>

						<tr>
							<td style="width: 68%;">
								<table class="order_box">
									<tr>
										<td style="width: 54%;">
											<div class="order_route_list">
												<a href="javascript:;">
													<img src="../img/no-pic.jpg" alt="">
													<h3>长白山百花牌蜂蜜蜂箱</h3>
												</a>
											</div>
										</td>
										<td>￥50.00</td>
										<td>2</td>
										<td><a href="javascript:;" class="btn_red">蜂箱动态</a></td>
									</tr>
									<tr>
										<td style="width: 54%;">
											<div class="order_route_list">
												<a href="javascript:;">
													<img src="../img/no-pic.jpg" alt="">
													<h3>华阴山桂花蜜蜂箱</h3>
												</a>
											</div>
										</td>
										<td>￥50.00</td>
										<td>1</td>
										<td><a href="javascript:;" class="btn_red">蜂箱动态</a></td>
									</tr>
								</table>
							</td>
							<td><b>￥100.00</b</td>
							<td>已认养</td>
							<td class="btn_box">
								<a href="javascript:;" class="btn_red">再次认养</a>
								<a href="../html/member_claim_detail.html" class="btn_blue">认养详情</a>
							</td>
						</tr>
					</table>
				</div>
				
				<!-- 分页 -->
				<div id="example" class="pagination pagination-sm no-margin pull-right">
					<ul>
						<li><a href="../html/404.html" title="" style="border-radius: 2px 0 0 2px;"><<</a></li>
						<li><a href="../html/404.html" title=""><</a></li>
						<li  class="active"><a href="../html/404.html" title="">1</a></li>
						<li><a href="../html/404.html" title="">2</a></li>
						<li><a href="../html/404.html" title="">3</a></li>
						<li><a href="../html/404.html;" title="">4</a></li>
						<li><a href="../html/404.html" title="">5</a></li>
						<li><a href="../html/404.html" title="">></a></li>
						<li><a href="../html/404.html" title="" style="border-radius: 0 2px 2px 0;">>></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
			<div class="container clearfix">
				<div class="foot-left pull-left">
					<ul>
						<li>
							<i class="iconfont icon-phone"></i>
							<span>400-010-8888</span>
						</li>
						<li>
							<i class="iconfont icon-time"></i>
							<span>工作时间：8:30-17:30</span>
						</li>
						<li>
							<i class="iconfont icon-mailbox"></i>
							<span>E-mail：contact@zhongmisilu.com</span>
						</li>
						<li>
							<i class="iconfont icon-location"></i>
							<span>海南省海口市龙华区财富广场18C</span>
						</li>
					</ul>
				</div>
				<div class="line-foot"></div>
				<div class="foot-cen pull-left">
					<dl>
						<dt>
							<a href="javascript:;">蜜源寻蜜</a>
						</dt>
					</dl>
					<dl>
						<dt><a href="javascript:;">好蜜科普</a></dt>
						<dd>
							<a href="javascript:;">蜜源探秘</a>
							<a href="javascript:;">蜂蜜常识</a>
							<a href="javascript:;">蜂蜜种类</a>
							<a href="javascript:;">蜂蜜价值</a>
						</dd>
					</dl>
					<dl>
						<dt><a href="javascript:;">蜂业专委会</a></dt>
						<dd>
							<a href="javascript:;">工匠认证</a>
							<a href="javascript:;">专业培训</a>
							<a href="javascript:;">专委会介绍</a>
						</dd>
					</dl>
					<dl>
						<dt><a href="javascript:;">蜜蜂视界</a></dt>
						<dd>
							<a href="javascript:;">全部视频</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="javascript:;">会员中心</a>
						</dt>
					</dl>
				</div>
				<div class="line-foot"></div>
				<div class="foot-rig pull-left">
					<dt>
						<img src="../img/temp/wx.jpg" alt="">
					</dt>
					<dd>
						扫描上方公众号微信二维码
						<br>
						或者微信加公众号：zhongmisilu
					</dd>
				</div>
			</div>
			<div class="copyright clearfix"> 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
			</div>
		</div>
	<script src="../bootstrap/js/jquery-1.10.1.min.js"></script>
	<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>